@charset "utf-8";
/* CSS Document */


 /*初始化*/
*{ margin:0; padding:0;}
html{height:100%;}
body{height:100%; font-size:14px;  color:#333333; line-height:1.8;min-width:1200px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1201?"1200px":""); background:#FFF}
a{ color:#333333; text-decoration:none; display:inline-block}
a:hover{ color:#333333; text-decoration:none}
ul{ list-style:none;}
img{ border:none; display:inline-block; max-width:100%}
.clear{ clear:both; height:0; overflow:hidden;}
input,textarea,button{font-size:14px; border:none;outline:medium; -webkit-appearance: none; background:none}
.w1200{ width:1200px; margin:0 auto; position:relative}

input::-webkit-input-placeholder{color:#999;}
input:-moz-placeholder {color:#999;}
input::-moz-placeholder{color:#999;}
input:-ms-input-placeholder{color:#999;}



 /*头部*/
 
.top{ height:110px; position:relative}
.logo{ width:600px; float:left; margin-top:25px; margin-left:3%}
.logo img{ display:block; height:60px; max-width:100%;}
.logo a{ display:block }
.nav{ width:700px; float:right; margin-right:3% }
.nav a{ line-height:110px; display:block; float:right;text-align:center; font-size:18px; color:#121212; width:130px; margin:0 10px}
.nav a:hover{ background:#222751; color:#fff}
#nav{ background:#222751; color:#fff}
.dh{ background:url(../images/dh.png) no-repeat left center; padding-left:60px; height:60px; margin-top:25px}
.dh{ width:250px; float:right; margin-right:3%; color:#888888; font-size:14px;}
.dh p{ font-size:30px; color:#222751; line-height:1}
@media(max-width:1820px){.dh{ display:none}}
@media(max-width:1400px){.logo{ margin-left:1%}}
@media(max-width:1400px){.nav{ margin-right:1%}}
/*banner*/
.ban-slide{ width:100%; height:auto; clear:both; position:relative;}
.ban-slide .bd{height:100%; z-index:777;}
.ban-slide .bd li{ z-index:99;}
.ban-slide img{ display:block; width:100%}
.ban-slide .bd li a{ display:block; width:100%}
.ban-slide .hd{ height:15px; overflow:hidden; position:absolute; right:49%; bottom:20px;z-index:999;  }
.ban-slide .hd ul{ overflow:hidden; zoom:1; float:left}
.ban-slide .hd ul li{ float:left; margin:0 6px;  width:12px; height:12px; background:#fff; cursor:pointer; border-radius:100%}
.ban-slide .hd ul li.on{ background:#0b9e97;  }
.con1{ background:#f0f0f0; padding:90px 0; margin-bottom:50px}
.in_ti{text-transform:uppercase ; color:#222751; font-size:30px;}
.in_ti p{ color:#333333; font-size:36px; line-height:1; font-weight:bold}
.in_ti span{ width:60px; display:inline-block; height:3px; background:#222751}
.in_xx{ font-size:18px; color:#333333; line-height:2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;}
.zuo{ width:600px; float:left}
.you{ width:540px; float:right}
.in_sp img{ display:block; height:230px; width:100%}
.in_sp{height:230px; margin-bottom:20px}
.you_zuo{font-size:18px;  background:#0b9e97; padding:30px 20px 0;height:125px; width:140px; float:left; color:#fff}
.you_zuo p{ font-size:16px;}
.you_zuo span{ width:36px; display:inline-block; height:3px; background:#fff}
.you_you{ width:342px; float:right}
.you_you img{width:342px; height:155px; display:block}
.in_ti1{ text-align:center; margin-bottom:50px}
.in_ti1 .p1{color:#333333; font-size:36px; line-height:1; font-weight:bold}
.in_ti1 span{ width:36px; display:inline-block; height:3px; background:#222751; margin-top:15px; 
margin-bottom:5px}
.in_ti1 .p2{color:#888888; font-size:24px; line-height:1;}
.pro_more{ background:url(../images/more.png) no-repeat; width:39px; height:38px;
 position:absolute; bottom:24px; right:0}
.pro_list ul li{ position:relative; float:left; margin-bottom:30px; width:375px; margin-right:37.5px; border-bottom:1px #eeeeee solid}
.pro_list ul li:nth-child(3n){ margin-right:0}
.pro_list img{ width:375px; height:375px; display:block}
.pro_list ul li p{ line-height:80px; height:80px; overflow:hidden; width:80%; font-size:18px;}
.pro_list ul li a{ display:block}
.pro_list ul li a:hover .pro_more{background:url(../images/more1.png) no-repeat;}
.pmore{ width:162px; margin:30px auto 60px; height:45px; line-height:45px; border-radius:5px; 
background:#0b9e97; color:#fff; font-size:16px; text-align:center}
.pmore a{ display:block; color:#fff}
.fu_ti p{  font-size:48px; font-weight:bold; color:#fff; position:relative; top:-90px}
.fu_ti{text-align:center; height:190px}
.fu_ti span{ opacity:0.2;font-weight:bold; color:#fff;font-size:99px;text-transform:uppercase ;}
.fu_zi{  width:360px; text-align:center; font-size:18px; color:#fff; font-weight:lighter; margin:0 auto}
.fu_list li{ margin-top:60px; float:left; width:25%; text-align:center; color:#fff; font-size:22px}
.foot1 span{ float:right; display:inline-block;
 background:url(../images/dh1.png) no-repeat left center; padding-left:140px; font-family:Impact; font-size:44px}
.foot1{ background:#222751; height:100px; line-height:100px; color:#fff; font-size:30px;}
.bq{ font-size:14px; color:#666666; padding:15px 0; text-align:center; border:1px #eee solid}
.f_logo{ width:130px; float:left}
.f_logo img{ width:130px; display:block}
.foot{ padding:30px 0}
.f_list li{ width:45%; float:left; font-size:16px; color:#888888; margin:15px 0}
.f_list{ width:630px; float:left; margin-top:15px; margin-left:80px}
.f_list li:nth-child(1){ background:url(../images/f1.png) no-repeat left center; padding-left:30px}
.f_list li:nth-child(2){ background:url(../images/f2.png) no-repeat left center; padding-left:30px}
.f_list li:nth-child(3){ background:url(../images/f3.png) no-repeat left center; padding-left:30px}
.f_list li:nth-child(4){ background:url(../images/f4.png) no-repeat left center; padding-left:30px}
.f_er{ width:360px; float:right}
.f_er li{ float:right; width:130px; text-align:center; color:#666; font-size:16px; margin-left:40px}
.f_er img{ width:130px; height:130px; display:block}

.nti{ text-align:center; font-size:36px; color:#333; line-height:30px; font-weight:bold; margin-top:50px; margin-bottom:50px}
.nti span{ width:60px; display:inline-block; height:3px; background:#222751}
.dan_xx{ font-size:18px; line-height:2; padding-bottom:80px}
.fenlei{ margin-bottom:15px; overflow:hidden; background:#fff; width:1200px; margin:0 auto; height:75px; line-height:75px;box-shadow: 2px 2px 2px 2px #f8f8f8; border-radius:5px; margin-top:-33px; z-index:99999; position:relative  }
.fenlei a{ display:inline-block; padding:0 30px; color:#121212; font-size:18px;}
.fenlei a:hover{ background:#17a49c; color:#fff}
#fen{background:#17a49c; color:#fff}
.pro_ms{ font-size:16px; text-align:center; width:1000px; margin:0 auto; color:#666; margin-bottom:30px}
.pro_xx{ margin:50px 0}
.xx_tu{ width:500px; float:left}
.xx_tu img{ width:100%}
.xx_xx{ width:650px; float:right}
.xx_ti{ font-size:36px; color:#333; line-height:30px; font-weight:bold; margin-top:10px; margin-bottom:50px}
.xx_ti span{ width:60px; display:inline-block; height:3px; background:#222751}
.zi_fen{ margin-bottom:50px; text-align:center; font-size:16px;}
.zi_fen a{ display:inline-block;padding:0 15px; line-height:2; background:url(../images/hui.jpg) no-repeat right center} 
.zi_fen a:hover{ background:#222751; color:#fff}
#zfen{background:#222751; color:#fff}
.zi_list ul li{ width:386px; float:left; margin-right:21px; margin-bottom:30px}
.zi_list{ margin-bottom:50px}
.zi_list ul li:nth-child(3n){ margin-right:0}
.zi_list p{ background:#17a49c; color:#fff; font-size:16px; line-height:55px; height:55px; padding:0 10px; text-align:center}
.zi_tu{ background:#f7f7f7; width:386px; height:270px;}
.zi_tu img{ height:270px; max-width:100%; display:block; margin:0 auto}

.yema{ text-align:center; margin-top:15px}
.yema a{ font-size:14px; color:#666; display:inline-block; margin:0 10px; display: inline-block; padding:5px 10px; border:1px #eee solid; background: #fff }
.yema a:hover{ color:#1E90FF}
.yema a.on{ color:#1E90FF}